<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/styletext04.css">
    <title>信息采集</title>
</head>

<body>
    <!-- 返回上一级 -->
    <header class="header">
        <a href="./styletext03.html"><img src="./images/arrow-double-left.png" alt=""></a>
    </header>
    <h3>你的身材类型</h3>

    <!-- 身材部分 -->
    <section class="b-style1">
        <div class="body-style">
            <div class="body_style_box">
                <img src="./pic/x-body.png" alt="">
            </div>
        </div>
        <div class="body-style">
            <div class="body_style_box">
                <img src="./pic/i-body2.png" alt="">
            </div>
        </div>
        <div class="body-style">
            <div class="body_style_box">
                <img src="./pic/f-body2.png" alt="">
            </div>
        </div>
    </section>
    <section class="b-style2">
        <div class="body-style">
            <div class="body_style_box">
                <img src="./pic/i-body2.png" alt="">
            </div>
        </div>
        <div class="body-style">
            <div class="body_style_box">
                <img src="./pic/o-body2.png" alt="">
            </div>
        </div>
    </section>

    <!-- 下一步按钮 -->
    <section class="nextbutton">
        <a href="./styletext05.html"><button id="btn" >下一步</button></a>
    </section>
    <script src="./js/flexible.js"></script>

    <script>
        var botag = document.getElementsByClassName('body_style_box')
        for (var i = 0; i < botag.length; i++) {
            botag[i].onclick = function() {
                for (var i = 0; i < botag.length; i++) {
                    botag[i].style.backgroundColor = '#fff'
                }

                this.style.backgroundColor = '#7cddf6'
            }
        }
        var btn = document.getElementById('btn')
        btn.onclick = function() {
            this.style.backgroundColor = '#f2f4f7'
        }
    </script>

</body>



</html>